<template>
    <div>
        <p>我是父组件</p>
        <Son ref="son1"></Son>
        <ul>
            <li v-for="item in newnameArr" :key="item.id">{{ item.name }}</li>
        </ul>
    </div>
</template>

<script>
// 子传父: 方式2:
// 在父组件中找到子组件, 给子组件绑定ref 属性, 然后再父组件中可以通过
// this.$refs.son1 获取到当前子组件的实例对象,进而可以获取子组件上的所有的属性和方法了

import Son from './Son.vue';
export default {
    data() {
        return {
            newnameArr: []
        }
    },
    components: {
        Son
    },
    mounted() {
        console.log('this-father', this);
        console.log(this.$refs.son1.nameArr);
        this.newnameArr = this.$refs.son1.nameArr
    }
}
</script>
<style scoped></style>